﻿<!DOCTYPE html>
<html ng-app="demo">
<head>
	<title>Mirango travel</title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<meta name="description" content="description website" />
	<meta name="keywords" content="keywords" />
	<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
	<meta name="format-detection" content="telephone=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,500,400italic&subset=latin,cyrillic-ext,vietnamese' rel='stylesheet' type='text/css'>

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="screen" />

	<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mmenu.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mCustomScrollbar.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/common.css" type="text/css" media="screen" />
</head>
<body>
<div class="wd-m-wapper">
	<div id="wrapper">
		<!-- header -->
		<header class="header">
			<div class="container">
				<div class="row">
					<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 header-top-l">
						<h1 class="parent-title"><a href="index.html" class="logo"></a></h1>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 header-top-r">
						<div class="btn-group header-dropdown-top">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Deutsch<span class="caret"></span>
							</button>
								<ul class="dropdown-menu" role="menu" style="min-width:120px;">
								<li><a href="#">Deutsch </a></li>
								<li><a href="#">English</a></li>
							</ul>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</header>
		<!-- header .end -->
		<!-- banner content -->
		<div class="banner-container">
			<div class="container">
				<div class="row banner-main">
					<div class="nav-cus">
						<nav class="navbar navbar-default" role="navigation">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<a class="navbar-brand" href="#"></a>
							</div>
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="active"><a href="#">Startseite</a></li>
									<li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Standard-Touren</a>
                                        <ul class="dropdown-menu sub-menu-cus" role="menu">
                                            <li class="sub-mn-item">
                                                <ul class="sub-menu-cus-child">
                                                    <li><a href="#">Vietnam Kompakt</a></li>
                                                    <li><a href="#">Vietnam Kompakt (Norden/Süden)</a></li>
                                                    <li><a href="#">Vietnam Klassisch</a></li>
                                                    <li><a href="#">Vietnam klassisch mit Strand</a></li>
                                                    <li><a href="#">Vietnam komplett</a></li>
                                                </ul>
                                            </li>
                                        </ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">Individuelle Module</a>
										<ul class="dropdown-menu sub-menu-cus" role="menu" style="width: 530px">
											<li class="sub-mn-item">
												<h3 class="title-04">Der Norden</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Ha Long Bucht</a></li>
													<li><a href="#">Ha Long Bucht für Geniesser</a></li>
													<li><a href="#">Ninh Binh</a></li>
                                                    <li><a href="#">Sapa</a></li>
                                                    <li><a href="#">Hanoi Tagestouren</a></li>
												</ul>
											</li>
											<li class="sub-mn-item">
												<h3 class="title-04">Zentralvietnam</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Klassisches Zentralvietnam</a></li>
													<li><a href="#">HZentralvietnam für Aktive</a></li>
													<li><a href="#">Strand und Hochland</a></li>
                                                    <li><a href="#">Exotisches Hochland</a></li>
                                                    <li><a href="#">Hoi An Tagestouren</a></li>
												</ul>
											</li>
											<li class="sub-mn-item">
												<h3 class="title-04">Der Süden</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Mekong Delta kompakt</a></li>
													<li><a href="#">Mekong Delta erweitert</a></li>
													<li><a href="#">Mekong Delta für Aktive</a></li>
													<li><a href="#">Mekong Delta und Strand</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li><a href="#">Preise</a></li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">Über Vietnam</a>
										<ul class="dropdown-menu sub-menu-cus" role="menu">
											<li class="sub-mn-item">
												<ul class="sub-menu-cus-child">
													<li><a href="#">Klima</a></li>
													<li><a href="#">Kultur</a></li>
													<li><a href="#">Sprache</a></li>
													<li><a href="#">Essen</a></li>
													<li><a href="#">Reisehinweise</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li><a href="#">Über uns</a></li>
									<li><a href="#">Kontakt</a></li>
								</ul>
							</div><!-- /.navbar-collapse -->
						</nav>
					</div>
					<div class="banner-content">
						<div class="flexslider gallery-banner">
							<ul class="slides banner-slide">
								<li class="slide-bn-item">
									<img src="img/img-1.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">ENTDECKEN VIETNAM </span>
											<span class="txtct-02">MIT ALL SENSES</span>
										</a></h3>
									</div>
								</li>
								<li class="slide-bn-item">
									<img src="img/img-2.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">ENTDECKEN VIETNAM </span>
											<span class="txtct-02">MIT ALL SENSES</span>
										</a></h3>
									</div>
								</li>
								<li class="slide-bn-item">
									<img src="img/img-3.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">ENTDECKEN VIETNAM </span>
											<span class="txtct-02">MIT ALL SENSES</span>
										</a></h3>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- banner content .end -->
		<!-- main content -->
		<section class="main-content" id="main-content">
			<div class="container">
				<div class="row pstab">
					<section class="col-xs-12 col-sm-5 col-md-5 left-map-content">
						<section class="map-local" id="map-local">
							<img src="img/gmap.png" height="654" width="328"/>
							<span class="point-map" position="mb" style="left: 125px;top: 80px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mb" style="left: 82px; top: 31px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mb" style="left: 224px; top: 90px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mt" style="left: 246px; top: 295px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mt" style="left: 270px;top: 326px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mt" style="left: 292px;top: 452px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mn" style="left: 270px;top: 496px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mn" style="left: 230px;top: 516px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<span class="point-map" position="mn" style="left: 131px;top: 536px;" data-toggle="tooltip" data-placement="top" title="Ort Name"></span>
							<div class="popup-local-of-map">
								<a class="close-popup"></a>
								<div class="popup-content-map">
									<div class="pp-desc-about-lc">
										<h2 class="title-03">Sapa - North Viet Nam</h2>
										<p>We are travel agency specialized in providing individual, private tours to all parts of Vietnam. We are an expect team of Vietnam nataionals and Vietnam exparts who know the culture and traditions very well. Since we lived in Vietnam for many years, Vietnam is our second home. We will able to offer you a unique experience with a very local touch <a href="#" class="link-more">Read more&#133;</a></p>
									</div>
									<div class="gallery-image">
										<div class="directNav-gallery">
											<a class="carousel-prev" href="#"><i class="icon icon-prev"></i></a>
											<a class="carousel-next" href="#"><i class="icon icon-next"></i></a>
										</div>
										<ul class="gallery-image-list">
											<li class="gl-item"><img src="img/img-thumb-gl-01.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-02.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-03.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-01.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-02.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-03.jpg" height="132" width="132"/></li>
										</ul>
									</div>
								</div>
							</div>
						</section>
					</section>
					<section class="col-xs-12 col-sm-7 col-md-7 main-right-content">
						<article class="intro-content-id">
							<h2 class="title-01">Willkommen auf Mirango Reise</h2>
							<p class="desc-ct">Wir Reisebüro in die individuelle, private Touren in alle Teile der Vietnam spezialisiert. Wir sind ein Team von Vietnam erwarten Angehörigen und Vietnam Expats, die die Kultur und Traditionen sehr gut kennen. Da wir in Vietnam lebte seit vielen Jahren, ist unsere zweite Heimat Vietnam. Wir werden in der Lage, Ihnen ein einzigartiges Erlebnis mit einer sehr lokalen Touch bieten <a href="#" class="link-more">Weiterlesen&#133;</a></p>
						</article>
						<article class="intro-local-travel">
							<h2 class="title-02"><span class="tile-txt">Unsere Vietnam-Touren</span><span class="tile-line"></span></h2>
							<div class="row intro-local-travel-content">
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-01.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Der Norden</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-02.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Zentralvietnam</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-03.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Der Süden</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-04.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Individuelle Module</a></h3>
										</div>
									</div>
								</div>
							</div>
						</article>
						<article class="intro-local-travel-more">
							<h2 class="title-02"><span class="tile-txt">Erfahren Sie Mehr</span><span class="tile-line"></span></h2>
							<div class="row intro-local-travel-content">
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-05.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Über Vietnam</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-06.jpg" class="img-intro" alt="" height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">Über uns</a></h3>
										</div>
									</div>
								</div>
							</div>
						</article>
					</section>
				</div>
			</div>
		</section>
		<!-- main content .end -->
	</div>
	<!-- footer -->
	<footer id="footer-container">
		<div class="container footer-content">
			<ul class="row">
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-1">
					<h2 class="tlft-1">Standard-Touren</h2>
					<ul class="site-map">
                        <li><a href="#">Vietnam Kompakt</a></li>
                        <li><a href="#">Vietnam Kompakt (Norden/Süden)</a></li>
                        <li><a href="#">Vietnam Klassisch</a></li>
                        <li><a href="#">Vietnam klassisch mit Strand</a></li>
                        <li><a href="#">Vietnam komplett</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">Der Norden</h2>
					<ul class="site-map">
                        <li><a href="#">Ha Long Bucht</a></li>
                        <li><a href="#">Ha Long Bucht für Geniesser</a></li>
                        <li><a href="#">Ninh Binh</a></li>
                        <li><a href="#">Sapa</a></li>
                        <li><a href="#">Hanoi Tagestouren</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">Zentralvietnam</h2>
					<ul class="site-map">
                        <li><a href="#">Klassisches Zentralvietnam</a></li>
                        <li><a href="#">HZentralvietnam für Aktive</a></li>
                        <li><a href="#">Strand und Hochland</a></li>
                        <li><a href="#">Exotisches Hochland</a></li>
                        <li><a href="#">Hoi An Tagestouren</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">Der Süden</h2>
					<ul class="site-map">
                        <li><a href="#">Mekong Delta kompakt</a></li>
                        <li><a href="#">Mekong Delta erweitert</a></li>
                        <li><a href="#">Mekong Delta für Aktive</a></li>
                        <li><a href="#">Mekong Delta und Strand</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
                    <h2 class="tlft-1">&nbsp;</h2>
					<ul class="site-map">
						<li><a href="#">Preise</a></li>
						<li><a href="#">Über Vietnam</a></li>
						<li><a href="#">Über uns</a></li>
						<li><a href="#">Kontakt</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-3">
					<ul class="about-wb">
						<li>
							<p class="txt-ogr">CHE-264.419.489, Nordstrasse 278,</p>
							<p class="txt-ogr">8037 Zurich, Einzelunternehmen</p>
							<p class="txt-ogr">Email: admin@reisen-vietnam.ch</p>
							<p class="txt-ogr">Hotline: 076 320 57 77</p>
							<p>&copy; 2014 Mirango Travel</p>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</footer>
	<!-- footer .end -->
</div>
 <div class="wd-navbar-mobile" id="menu">
	<ul class="wd-dropdownMenu">
		<li><a href="#" class="active"><span class="wd-m-icon-23 wd-m-icon-01"></span>Trang chủ</a></li>
		<li>
			<a href="#"><span class="wd-m-icon-23 wd-m-icon-02"></span>Danh bạ cơ quan nhà nước</a>
			<ul class="wd-m-sub-menu">
				<li><a href="#">Tin địa phương</a></li>
				<li><a href="#">Kinh doanh</a></li>
				<li><a href="#">Pháp luật</a></li>
				<li><a href="#">Thế giới</a></li>
				<li><a href="#">Sức khỏe</a></li>
			</ul>
		</li>
		<li><a href="#"><span class="wd-m-icon-23 wd-m-icon-03"></span>Dịch vụ công trực tuyến</a></li>
		<li><a href="#"><span class="wd-m-icon-23 wd-m-icon-04"></span>Thông tin doanh nghiệp</a></li>
		<li><a href="#"><span class="wd-m-icon-23 wd-m-icon-05"></span>Khám phá</a></li>
		<li><a href="#"><span class="wd-m-icon-23 wd-m-icon-06"></span>Sự kiện</a></li>
		<li><h3 class="wd-tt-mn">Thông tin khác</h3></li>
		<li><a href="#" class="wd-other-l"><span class="wd-m-icon-23 wd-m-icon-07"></span>Cẩm nang</a></li>
		<li><a href="#" class="wd-other-l wd-other-l-bd"><span class="wd-m-icon-23 wd-m-icon-08"></span>Đăng sự kiện</a></li>
	</ul>
</div>

	<script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
	<script type="text/javascript" src="./js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
	<script type="text/javascript" src="js/jquery.mmenu.min.js"></script><!-- menu -->
	<script src="js/jquery.mCustomScrollbar.js" type="text/javascript"></script><!-- scroll--->

	<script type="text/javascript" src="./js/common.js"></script>

</body>
</html>